
  <template>
	<view>
		<view class="cu-modal bottom-modal" :class="modalName=='bottomModal'?'show':''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white">
					<view class="action text-red" ></view>
					<view class="action text-orange" @click="cancelBtn">取消</view>
				</view>
				<view class="">
					
					<view class="flex flex-wrap padding-top-lg padding-bottom-lg">
						<view class="flex flex-direction  align-center " style="width: 360upx;" @click="Confirm('微信支付')">
							<image style="width:160upx;height: 160upx;" mode="widthFix" src="@/static/wx.png"></image>
							 <text>微 信 支 付</text>
						</view>
						<view class="flex flex-direction  align-center" style="width: 360upx;" @click="Confirm('支付宝')">
							<image style="width:160upx;height: 160upx;" mode="widthFix" src="@/static/zfb.png"></image>
							 <text>支 付 宝 </text>
						</view>
						<view class="flex flex-direction  align-center margin-top-lg" style="width: 360upx;" @click="Confirm('银行卡')">
							<image style="width:160upx;height: 160upx;" mode="widthFix" src="@/static/yhk.png"></image>
							 <text>银 行 卡</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"OrderPay",
		data() {
			return {
				modalName:"",
			};
		},
		methods: {
			async hideModal() {
				this.modalName = "";
				
			},
			async cancelBtn(){
				this.$emit('Cancel', {});
			},
			async showModal() {
				this.modalName = "bottomModal";
			},
			async Confirm(e){
				
				this.$emit('Confirm', {PayType:e});
				
			}
		}
	}
</script>

<style>

</style>
